<cp-navbar (onClickLeft)="onClickLeft()"></cp-navbar>
<div class="empty" *ngIf="empty"><cp-empty></cp-empty></div>
<div class="container" *ngIf="!empty">
  <div class="gutter"></div>
  <div class="chartbox">
    <div class="header border-bottom">
      <p class="city">{{ Name }}</p>
      <p class="time">最近更新：{{ config.Chart.MonthChartView.Year }}年{{ config.Chart.MonthChartView.Month }}月</p>
    </div>
    <div class="datas">
      <div class="item item-price">
        <p class="label">最近均价</p>
        <p class="value">{{ average }}元/㎡</p>
      </div>
      <div class="item item-center">
        <p class="label">比上月</p>
        <p class="value">{{ config.Chart.MonthChartView.Compare.Month }}%</p>
      </div>
      <div class="item">
        <p class="label">比去年</p>
        <p class="value">{{ config.Chart.MonthChartView.Compare.Year }}%</p>
      </div>
    </div>
  </div>
  <div class="listbox estate">
    <p class="title">楼盘均价</p>
    <div class="list">
      <div
        class="item border-bottom"
        *ngFor="let item of estate; index as index"
        [class.hide]="index > 4 && !estateMore"
      >
        <div class="namebox">
          <span class="index" [ngClass]="'index' + (index + 1)">{{ index + 1 }}</span>
          <span class="name">{{ item.Title }}</span>
        </div>
        <div class="price">{{ item.Description }}元/㎡</div>
        <div class="precent">
          <span class="num" *ngIf="item.Compare !== '-0'">{{ item.Compare }}%</span>
          <span class="num" *ngIf="item.Compare === '-0'">持平</span>
        </div>
      </div>
    </div>
    <div class="more" (click)="toggleMore('estate')" *ngIf="!estateMore">
      <i class="icon icon-jiantouxia"></i> 展开更多
    </div>
    <div class="more" (click)="toggleMore('estate')" *ngIf="estateMore">
      <i class="icon icon-jiantoushang"></i> 收起
    </div>
  </div>
  <div class="listbox region">
    <p class="title">区域均价</p>
    <div class="list">
      <div class="item border-bottom" *ngFor="let item of region; index as i" [class.hide]="i > 4 && !regionMore">
        <div class="namebox">
          <span class="index" [ngClass]="'index' + (i + 1)">{{ i + 1 }}</span>
          <span class="name">{{ item.Title }}</span>
        </div>
        <div class="price">{{ item.Description }}元/㎡</div>
        <div class="precent">
          <span class="num" *ngIf="item.Compare !== '-0'">{{ item.Compare }}%</span>
          <span class="num" *ngIf="item.Compare === '-0'">持平</span>
        </div>
      </div>
    </div>
    <div class="more" (click)="toggleMore('region')" *ngIf="!regionMore">
      <i class="icon icon-jiantouxia"></i> 展开更多
    </div>
    <div class="more" (click)="toggleMore('region')" *ngIf="regionMore">
      <i class="icon icon-jiantoushang"></i> 收起
    </div>
  </div>
</div>
